/*********common css******/
body{font-size: .75rem;background: #f2f2f2;}
ul{margin: 0;padding: 0;}
ul li{list-style: none;}
.red{color: #eb5858;}
button{outline: none;border: none;}
::-webkit-input-placeholder { /* WebKit browsers */
    color:    #999;
}
h2,p{margin: 0;}
a{color: #ea7500;}
.grey{color: #8a8a8a !important;}
.tCenter{text-align: center;}
.clearfix:after{visibility: hidden;display: block;content: "";clear: both;height: 0;}
.active{color: #eb8c44;}
.bg-white{background: #fff;}

.page, .page-group,.wrap{background: #f2f2f2;}
.bar{background-color: #656565;}
.bar:after{background: none;}
.bar-tab{z-index: 9999;background: #fff;text-align: center;height: auto;box-shadow: 0 2px 17px #909090;}
.bar .button-link,.title{color: #fff !important;}
.content{background: #f2f2f2;}
/************首页****************/
.ad_top .swiper-slide{ /* Center slide text vertically */
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;}
.ad_top .swiper-slide img{width: 100%;}
.ad_top .swiper-pagination{display: inline-block;}
.menu-box{background: #fff;margin: 0;padding:0 .5rem .5rem .5rem;border-bottom: 1px solid #eaeaea;}
.menu-box .col-33{margin-top: 1rem;}
.menu-box .col-33 a{color: #666666 !important;}
.menu-box .col-33 p{margin: 0;}
.menu-box .col-33 img{width: 2.8rem;}

.dis-block{margin: .5rem 0;padding: .5rem;border-top: 1px solid #eaeaea;border-bottom: 1px solid #eaeaea;}
.hot-product-area{background: #fff;}
.flex-box{display: flex;display: -webkit-flex;justify-content: space-between;align-items: center;}
.hot-tit i img{width: .85rem;vertical-align: text-bottom;}
.hot-tit{font-size: .85rem;font-weight: bold;}
.hot-more a.more{font-size: .75rem;font-weight: 600;background: url(../images/icon_more.png) no-repeat right center;background-size:auto 100%;padding-right: 1rem;}
.hot-product{margin-top:.75rem;}
.hot-product .swiper-slide .hot-imgs{width:100%;border: 1px solid #f2f2f2;}
.hot-imgs img{width: 100%;}
.hot-product .swiper-slide p{height:1rem;line-height:1rem;margin: .3rem 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: .65rem;text-align: center;}
.hot-product .swiper-slide a{color: #3d4145 !important;}
.icon-star{color:#ea7500 ;font-size: 1rem;}
/****明星企业*****/
.company-box,.pro-list-box{border-bottom:1px solid #dbdbdb;}
.company-box:last-child{border-bottom: none;}
.company-box .logos{width: 25%;}
.company-box .logos img{width: 100%;}
.company-info{width: 75%;padding: .3rem 0 .3rem .85rem;}
.company-info h2{font-size: .75rem;margin: .3rem 0;}
.company-info p{margin: .3rem 0;font-size: .65rem;}

/****************产品列表页************/
.pro-list-header{margin: 0;background: #fff;border-bottom: none;}
.pro-list-top{padding-bottom: 0.5rem;border-bottom: 1px dashed #e6e6e6;}
.pro-category{border-left:0.3rem solid #eb8c44;padding: .1rem 0 .1rem .5rem;font-size: .85rem;font-weight: 600;}
.list-menu{color:#999999}
.list-menu-box{display: none;}
.list-menu-box-fDown{display:block;animation:fadeInDown .3s ease-in-out;
-webkit-animation:fadeInDown .3s ease-in-out;}
.list-menu-box li{text-align: center;padding: .3rem;border-bottom: 1px solid #e6e6e6;}
.pro-list-show{background: #fff;margin: 0;padding: .5rem 0;border-top: none;margin-bottom: .5rem;}
.pro-list-box{margin-bottom: .3rem;}
.pro-list-box:last-child{border-bottom: none;}
.pro-list-box .pro-pics{width: 39%;overflow: hidden;}
.pro-pics img{width: 100%;}
.pro-info{width: 61%;padding-left: .85rem;}
.pro-info h2{font-size: .85rem;font-weight: 500;margin-bottom: .3rem;}
.pro-info p{color: #8a8a8a;margin-bottom: .3rem;}

/****************产品详情页************/
.pro-content{bottom: 4rem !important;}
.pro-ad img{width: 100%;}
.pro-detail-header{padding: .5rem;background: #fff;}
.pro-detail-name{font-size: .85rem;font-weight: 500;}
.pro-collect{padding-left: .53rem;border-left: 1px solid #d8d8d8;}
.icon-heart{font-size: 1.3rem !important;color:#b9b9b9;}
i.icon-heart-spec{font-size: 1.9rem !important;color: #d03333;}
.pro-detail-header-info{padding:.5rem;background: #fff;border-top: 1px solid #efefef;}
.detail-tab{background: #fff;padding: 0;}
.detail-tab li{width:50%;float: left;text-align: center;padding: .5rem 0;}
.detail-tab li.active{border-bottom: 2px solid #eb8c44;}
.detail-com-info,.detail-pro-info{margin-top: .5rem;padding:.3rem 0;color:#999999;border-top: 1px solid #efefef;}
.detail-com-info p,.detail-pro-info p{margin: .3rem;}
.detail-com-info p img{width: 100%;margin: .3rem 0;}
i.icon-dianhua{display: inline-block;background: #fff;width:1.5rem;height:1.5rem;line-height:1.5rem;border-radius: 50%;color:#ee9133;margin-right: 1.5rem;}
.call span{font-size: .9rem;}

.big-btn{
    background: #ee9133;
    color: #fff !important;
    display: block;
    width: 95%;
    margin: 0.8rem auto;
    padding: .43rem 0;
    font-size: .85rem;
    border-radius: .25rem;text-align: center;}
.toast-tips{padding:0 1.2rem;background: rgba(33,33,33,.6);}

/******css3动画*********/
@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-80%,0);transform:translate3d(0,-80%,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-80%,0);transform:translate3d(0,-80%,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown;}
@-webkit-keyframes tobig{0%{font-size: 1.3rem;color:#b9b9b9}
to{font-size: 1.8rem;color:#d03333}
}
@keyframes tobig{0%{font-size: 1.3rem;color:#b9b9b9}
to{font-size: 1.8rem;color:#d03333}
}
.tobig{-webkit-animation-name:tobig;animation-name:tobig;animation:tobig .6s ease-in-out;
-webkit-animation:tobig .6s ease-in-out;color:#d03333}